<template>
    <div class="maindiv">

        <el-row>
            <el-col>
<el-card class="statistics_card"  @click.native="toDetailedLottoFront()">
<p class="sts_title" align="right">1+0</p>
<p class="sts_info" align="right">前区各个号码出现的次数</p>
</el-card>

<!-- <el-card class="statistics_card">
<p class="sts_title" align="right">0+2</p>
<p class="sts_info" align="right">后区各个组合出现的次数</p>
</el-card> -->



            </el-col>
        </el-row>
<el-row>
    <el-col>
        <el-card class="no_ready_card">
<el-divider content-position="left">其他数据即将上线</el-divider>
<!-- <p class="sts_info" align="right">目前20095期已统计{{ssqNums}}注彩票</p> -->
</el-card>


    </el-col>
</el-row>
    </div>
</template>
<style lang="less" scoped>
* {
  margin: 0;
  padding: 0;
}
.maindiv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0e6251;
}
.statistics_card{
    border:0px;
    background-color: #17A589;
    margin: 30px;
    height: 150px;
    border-radius: 15px;
}
.sts_title{

     margin-top: 20px;
}
.sts_info{
    margin-top: 20px;
font-size: 20%;
color: red;
}
.no_ready_card{
margin: 30px;

}
</style>
<script>
export default {
    data(){
        return{
lottoNums:0,
ssqNums:0

        }
    },
    methods:{
toDetailedLottoFront(){

         this.$router.push('detailedLottoFront')
    }
    }
    
}
</script>